<?xml version="1.0" encoding="UTF-8"?>
<ui:decorate  template="/xhtml/plantillas/baseSeguridad.xhtml"
              xmlns:p="http://primefaces.org/ui"
              xmlns:h="http://java.sun.com/jsf/html"
              xmlns:f="http://java.sun.com/jsf/core"
              xmlns:ui="http://java.sun.com/jsf/facelets">

    <ui:define name="titulo">#{label['especialidades']}</ui:define>

    <ui:define name="java_script">
    </ui:define>

    <ui:define name="contenido">

        <h:outputText value="#{label['administracion.especialidades']}" class="encabezado"/>        
        <hr id="horizontalLine" style="width: 740px; margin-left: 20px"/>
        <h:panelGrid  columns="10" class="panelFormulario" >
            <p:accordionPanel id="id_panel" activeIndex="#{beanRegistroEspecialidad.numero}"
                              style="margin-top: 20px; width: 740px"  >
                <p:tab title="Especialidad">

                    <p:fieldset legend="Información General">
                        <p:panelGrid>
                            <p:row>
                                <p:column>
                                    <h:outputText  styleClass="etiqueta" value="#{label['nombre']}"/>
                                </p:column>
                                <p:column>
                                    <p:inputText id="id_nombre" value="#{beanRegistroEspecialidad.nombre}"  style="width: 300px" maxlength="100"/>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <h:outputText  styleClass="etiqueta" value="#{label['descripcion']}" />
                                </p:column>
                                <p:column>
                                    <p:inputTextarea id="id_descripcion" value="#{beanRegistroEspecialidad.descripcion}"  style="width: 295px; height: 30px" cols="30" maxlength="200"/>
                                </p:column>
                            </p:row>

                        </p:panelGrid>
                    </p:fieldset>
                    <p:column><p:commandButton value="#{label['limpiar']}" action="#{beanRegistroEspecialidad.limpiar()}" style="margin-left: 370px"
                                               icon="ui-icon-arrow-4-diag" update=":form_conci" /></p:column>
                    <p:column><p:commandButton value="#{label['eliminar']}" disabled="#{!beanRegistroEspecialidad.modificar}"
                                               icon="ui-icon-trash" onclick="confirmation.show()" /></p:column>
                    <p:column><p:commandButton value="#{label['guardar']}" action="#{beanRegistroEspecialidad.agregarEspecialidad()}"
                                               icon="ui-icon-disk" update=":form_conci" /></p:column>

                </p:tab>
            </p:accordionPanel>
            
            <p:hotkey bind="f2" oncomplete="prueba.show()"/> 
            <p:dialog widgetVar="prueba" modal="true">
                
            </p:dialog>
            
        </h:panelGrid>
        <p:fieldset legend="#{label['lista.especialidades']}" style="width: 725px;">
            <p:dataTable id="dataTable"
                         var="espe" value="#{beanRegistroEspecialidad.lista_especialidad}"
                         rowKey="#{espe.id_especialidad}"
                         selectionMode="single" 
                         rows="5" filterEvent="enter"
                         selection="#{beanRegistroEspecialidad.especialidad_tabla}"
                         paginator="true"
                         paginatorPosition="bottom"
                         rowsPerPageTemplate="5,10,15">

                <p:ajax  event="rowSelect"  update=":form_conci:id_panel"
                         listener="#{beanRegistroEspecialidad.modificarEspecialidad()}">
                </p:ajax>
                <p:column headerText="#{label['nombre']}" style="text-align: center" filterBy="#{espe.nombre}" filterMatchMode="contains">
                    #{espe.nombre}
                </p:column>

                <p:column headerText="#{label['descripcion']}" style="text-align: center" filterBy="#{espe.descripcion}" filterMatchMode="contains">
                    #{espe.descripcion}
                </p:column>
            </p:dataTable>
        </p:fieldset>
        <p:confirmDialog id="confirmDialog" message="Esta seguro que desea eliminar la especialidad seleccionada?"
                         header="Eliminar Especialidad" severity="alert" widgetVar="confirmation">

            <p:commandButton id="confirm" value="#{label['aceptar']}" action="#{beanRegistroEspecialidad.eliminarEspecialidad()}"
                             oncomplete="confirmation.hide()" update=":form_conci" />
            <p:commandButton id="decline" value="#{label['cancelar']}" onclick="confirmation.hide()" type="button" />

        </p:confirmDialog>
    </ui:define>
</ui:decorate>
